<ion-header>
  <ion-navbar>
    <ion-title>个人信息</ion-title>
  </ion-navbar>
</ion-header>
<ion-content class="login-content">
  <div class="login-box">
    <form (ngSubmit)="modifyMyInfo()" #registerForm="ngForm">
      <ion-row>
        <ion-col>
          <ion-item-group>
            <ion-item-divider>个人信息</ion-item-divider>
            <ion-item>
              <ion-label>姓名:</ion-label>
              <ion-input type="text" placeholder="请输入姓名" name="name" [(ngModel)]="user.name" required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>电话:</ion-label>
              <ion-input type="text" placeholder="请输入电话" name="phone" [(ngModel)]="user.phone" required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>年龄:</ion-label>
              <ion-input type="number" placeholder="请输入年龄" name="age" [(ngModel)]="user.age" required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>性别:</ion-label>
              <ion-select placeholder="请选择性别" [(ngModel)]="user.gender" name="gender">
                <ion-option value="女" selected="true">女</ion-option>
                <ion-option value="男">男</ion-option>
              </ion-select>
            </ion-item>
            <ion-item>
              <ion-label>身份证号:</ion-label>
              <ion-input type="text" placeholder="请输入身份证号" name="idcard" [(ngModel)]="user.idcard" required></ion-input>
            </ion-item>
            <ion-item>
              <ion-label>住址:</ion-label>
              <ion-input type="text" placeholder="请输入住址" name="address" [(ngModel)]="user.address" required></ion-input>
            </ion-item>
          </ion-item-group>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col class="signup-col">
          <button ion-button class="submit-btn" full type="submit" [disabled]="!registerForm.form.valid">立即修改</button>
        </ion-col>
      </ion-row>
    </form>
  </div>
</ion-content>

